<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/5/12
  Time: 21:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
订单id:${orderid}
<img src="${pageContext.request.contextPath}/images/payimag">

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span id="content"></span>
</body>

<script type="text/javascript">


        var websocket = null;

        //判断当前浏览器是否支持WebSocket
        if ('WebSocket' in window) {
            //和 websocket 服务器建立连接,此处根据实际情况填写具体的地址
            websocket = new WebSocket("ws://tomcat01.qfjava.cn:81/websocketcenter/websocket/${orderid}");
        } else {
            alert('当前浏览器 Not support websocket')
        }

        //连接发生错误的回调方法
        websocket.onerror = function() {
            setMessageInnerHTML("WebSocket连接发生错误");
        };

        //连接成功建立的回调方法
        websocket.onopen = function() {
            setMessageInnerHTML("WebSocket连接成功");
        }

        //接收到消息的回调方法
        websocket.onmessage = function(event) {
            setMessageInnerHTML(event.data);
        }

        //连接关闭的回调方法
        websocket.onclose = function() {
            setMessageInnerHTML("WebSocket连接关闭");
        }

        //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
        window.onbeforeunload = function() {
            closeWebSocket();
        }


        function setMessageInnerHTML(content) {
            var span = document.getElementById("content");
            span.innerHTML=content;
            if ("1" == content) {
                location.href = "http:///www.baidu.com";
            }
        }

</script>
</html>
